@import "./base.styl"
@import "./flex.styl"
.tree-title
  text-align center
  font-size 18px
  margin 5px 0;
.page-title
  font-size 18px
  font-weight 600
  color #409EFF
  margin 5px 0;
.custom-tree-node
  display inline-block
  width 100%
.main-menu
  width 260px
  height calc(100% - 69px)
.main-shadow
  -webkit-box-shadow 0 0 15px 0 rgba(0, 0, 0, 0.05)
  -moz-box-shadow 0 0 15px 0 rgba(0, 0, 0, 0.05)
  box-shadow 0 0 15px 0 rgba(0, 0, 0, 0.05)
.menu-fixed
  position fixed
.main-header
  -webkit-box-shadow 0 4px 20px 0 rgba(0, 0, 0, 0.05)
  -moz-box-shadow 0 4px 20px 0 rgba(0, 0, 0, 0.05)
  box-shadow 0 4px 20px 0 rgba(0, 0, 0, 0.05)
  position fixed
  margin 1.3rem 0 0
  border-radius 0.5rem
  width calc(100% - calc(2.2rem * 2) - 260px)
  background #fff
  z-index 11
  padding 10px 0
.main-header
  .nav-bar
    flex-direction row
    list-style none
    display flex
    margin 0
    flex-wrap wrap
    margin-right 6rem
    .nav-item
      line-height 1
      width 3.5rem
      i
        font-size 1.5rem
        height 60px
        line-height 60px
      sup
        top 20px
      .nav-item--user
        display flex
        .name
          width 6rem
          height 60px
          line-height 60px
          overflow hidden
          -ms-text-overflow ellipsis
          text-overflow ellipsis
.main-content
  padding calc(2.2rem - 0.4rem) 2.2rem 0
  margin-top 6rem
  overflow-y scroll
  background #fff
  -webkit-box-shadow 0 4px 25px 0 rgba(0, 0, 0, 0.1)
  -moz-box-shadow 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  box-shadow 0 4px 25px 0 rgba(0, 0, 0, 0.1);
.main-footer
  position fixed
  bottom 5px
  width calc(100% - 210px)
.el-menu-item.is-active
  background linear-gradient(118deg, #409EFF, rgba(64,158,255, 0.7))
  box-shadow 0 0 10px 1px rgba(64,158,255, 0.7)
  color #FFFFFF !important
  .el-menu-item
  &:hover
    transform translateX(10px)
.el-menu-item
  text-overflow ellipsis !important
  margin 5px 10px
  transition all .2s ease !important
  &:hover
    transform translateX(10px) !important
    background-color: #fff !important
.main-logo
  background #fff
  width 218px
  padding 20px 23px 16px 19px
  margin 0
  color #409EFF
  font-size 22px;
  font-weight 600;
.echarts
  width 100% !important
  min-height 100% !important
  div
    width inherit !important
  canvas
    width inherit !important
